{include file="public/head" /}

    <!-- Data Tables -->
<link href="__STATIC__/teacher/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
</head>

<body class="gray-bg">
<h2>学生信息</h2>
<div class="wrapper wrapper-content animated fadeInRight" style="padding: 0px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>管理学生</h5>
                </div>
                <div class="ibox-content">

                    <table class="table table-striped table-bordered table-hover dataTables-example">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>姓名</th>
                            <th>学号</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="AllThisInsStudent" id="vo"}
                            <tr class="gradeX">
                                <td>{$i}</td>
                                <td>{$vo.username}</td>
                                <td>{$vo.user_num}</td>
                                <td class="center">
                                    <a href="{:url('teacher/info/studentinfo',['id'=>$vo.id])}"><i class="fa fa-edit"></i></a>
                                </td>
                            </tr>
                        {/volist}
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 全局js -->
{include file="public/footer" /}



<script src="__STATIC__/teacher/js/plugins/jeditable/jquery.jeditable.js"></script>

<!-- Data Tables -->
<script src="__STATIC__/teacher/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="__STATIC__/teacher/js/plugins/dataTables/dataTables.bootstrap.js"></script>

<!-- 自定义js -->
<script src="__STATIC__/teacher/js/content.js?v=1.0.0"></script>


<!-- Page-Level Scripts -->
<script>
    $(document).ready(function () {
        $('.dataTables-example').dataTable();

        /* Init DataTables */
        var oTable = $('#editable').dataTable();

        /* Apply the jEditable handlers to the table */
        oTable.$('td').editable('../example_ajax.php', {
            "callback": function (sValue, y) {
                var aPos = oTable.fnGetPosition(this);
                oTable.fnUpdate(sValue, aPos[0], aPos[1]);
            },
            "submitdata": function (value, settings) {
                return {
                    "row_id": this.parentNode.getAttribute('id'),
                    "column": oTable.fnGetPosition(this)[2]
                };
            },

            "width": "90%",
            "height": "100%"
        });


    });
</script>

</body>
</html>
